.breadcrumbBox {
  min-width: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  padding: 0 100px 0 30px;
  position: relative;

  .breadcrumbMoreL {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    width: 30px;
    border-right: 1px solid rgba(232, 233, 234, 1);
    &:hover{
        background: RGBA(249, 250, 252, 1);
    }
  }

  .breadcrumbMoreR {
    position: absolute;
    right: 70px;
    top: 0;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    width: 30px;
    border-left: 1px solid rgba(232, 233, 234, 1);
    &:hover{
        background: RGBA(249, 250, 252, 1);
    }
  }

  .breadcrumbRefresh {
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    width: 70px;
    border-left: 1px solid rgba(232, 233, 234, 1);
    &:hover{
        background: RGBA(249, 250, 252, 1);
    }
  }

  .breadcrumbList {
    min-width: 100%;
    width: 100%;
    overflow: auto;

    .breadcrumbIndex {
      padding: 5px;
      cursor: pointer;
      border-right: 1px solid rgba(232, 233, 234, 1);

      .breadcrumbItemIcon {}

      .breadcrumbItemTxt {
        margin: 0 5px;
        font-size: 14px;
        color: rgba(52, 73, 94, 1);
        white-space: nowrap;
      }

      .breadcrumbItemClose {}

      &:hover {
        background: RGBA(249, 250, 252, 1);

        .breadcrumbItemIcon {
          color: #1890ff;
        }

        .breadcrumbItemTxt {
          margin: 0 5px;
          font-size: 14px;
          color: #1890ff;
          white-space: nowrap;
        }
      }
    }

    .breadcrumbItem {
      padding: 5px;
      border-right: 1px solid rgba(232, 233, 234, 1);
      cursor: pointer;

      .breadcrumbItemIcon {}

      .breadcrumbItemTxt {
        margin: 0 5px;
        font-size: 14px;
        color: rgba(52, 73, 94, 1);
        white-space: nowrap;
      }

      .breadcrumbItemClose {}

      &:hover {
        background: RGBA(249, 250, 252, 1);

        .breadcrumbItemIcon {
          color: #1890ff;
        }

        .breadcrumbItemTxt {
          margin: 0 5px;
          font-size: 14px;
          color: #1890ff;
          white-space: nowrap;
        }

        .breadcrumbItemClose {
          &:hover {
            color: red;
          }
        }
      }
    }

    .active {
      background: RGBA(249, 250, 252, 1);

      .breadcrumbItemIcon {
        color: #1890ff;
      }

      .breadcrumbItemTxt {
        margin: 0 5px;
        font-size: 14px;
        color: #1890ff;
        white-space: nowrap;
      }

      .breadcrumbItemClose {
        &:hover {
          color: red;
        }
      }
    }
  }
}
